<template>
    <div>
        <EnumElSelectIndex v-model="selectedValueRef" :enumTypeLabel="EnumTypeLable.GenderEnumLabel"></EnumElSelectIndex>

        <EnumElSelectIndex v-model="selectedValueRef2" :enumTypeLabel="EnumTypeLable.GenderEnumLabel"></EnumElSelectIndex>
    </div>
    <p>{{ selectedValueRef }}</p>
    <p>{{ selectedValueRef2 }}</p>

</template>
<script setup lang='ts'>
import { ref } from 'vue';
import EnumElSelectIndex from './enum_el_select_index.vue'
import {EnumTypeLable} from '@/types/global/enums/enums_types'
const selectedValueRef=ref();
selectedValueRef.value=1
const selectedValueRef2=ref()
EnumTypeLable
    ////#region defineXxx
    //defineOptions({
        //name:
    //});

    //const props=defineProps({
        //propA:{
            //type:String,
            //required:true
        //},
        //propB:{
            //type:Number,
            //default:1
        //},
        //propC:{
            //type:String as PropType<MyType>,
            //required:true
        //},
    //});

    //const emit = defineEmits<{
        //event1:[para1:number,para2:string],
        //event2:[para1:number,para2:string],
    //}>();
    ////#endregion
    
    
</script>
<style lang='scss' scoped>
    
</style>